body {
	line-height: 1.6;
	/*color: #777;*/
	color: #222;
	line-height: 1.6;
}

.cus-pd-10 {
	padding: 10px;
}


/*layout*/

#layout {
	/*padding-left: 260px;*/
	left: 0px;
	display:block;
	position: relative;
	
	margin-top: 107px;
}

#layout > .menu-link {
	position: fixed;
	left: 10px;
	display: none;
}

#layout > #menu {
	/*margin-left: -253px;*/
	/*position: fixed;*/
	/*left: 0;*/
	/*top: 60px;*/
	/*top: 107px;*/
	/*bottom: 0;*/
	/*z-index: 1000;*/
	background:#fff;
	/*overflow-y: auto;*/
	/*border: 1px solid #e7e7eb;*/
	
	width: 200px;
	/*width: 17.5%;*/
	float: left;
	min-height: 1000px;
    margin-left: 15px;
    border: 1px solid #d9dadc;
}	

#layout > #main {
	/*min-height: 800px;*/
	background-color: #fff;
	/*border: 1px solid #e7e7eb;*/
	
	margin-left: 215px;
	/*margin-left: 18%;*/
	min-height: 1000px;
	margin-right: 15px;
	border: 1px solid #d9dadc;
}

#layout > #main > .wrapper{
}

#layout > #main > .wrapper > .right-head {
	border-bottom: 1px solid #ddd;
	height: 82px;
}

#layout > #main > .wrapper > .right-head > h2{
	display:inline-block;
	float:left;
	min-width: 200px;
}

#layout > #main > .wrapper > div > h2{
	margin: 0px;
	padding: 0px;
	line-height: 80px;
	margin-left: 15px;
	
	font-weight: normal;
	font-size: 16px;
}

#layout > #menu .pure-menu-heading {
	/*font-size: 125%;*/
	font-size: 14px;
	font-weight: 300;
	/* letter-spacing: 0.1em; */
	/*color: #fff;*/
	/*background-color: #44b569;*/
	margin: 10px 0;
	min-width: 13em;
	
	padding: 0.625em;
	text-indent: .5em;
	/*padding-left: 1em;*/
	/*padding-right: 4em;*/
}

#layout > #menu .pure-menu-heading:hover {
	background-color: #44b549;
	color: #fff;
}
	
#layout > #menu .pure-menu-heading.active {
	/*background-color: #44b569;*/
	background:#44b549;
	color: #fff;
}

#layout > #menu .pure-menu .menu-item-divided {
	border-top: 1px solid #e7e7eb;
}

#layout > #menu .pure-menu .menu-item-divided > a > i {
	margin-right: 10px;
}

#layout > #menu .pure-menu .menu-item-divided > a:hover {
	background-color: #fff;
	cursor: default;
}

#layout > #menu .pure-menu .menu-item-divided:first-child {
	border-top: none;
}

#layout > #menu ul {
	/*border-top: 1px solid #ddd;*/
	padding: 10px 0;
}

#layout > #menu a {
	font-size: 14px;
	/*color: #999;*/
	border: none;
	white-space: normal;
	padding: 0.625em 1em;
	padding-left: 30px;
	/*letter-spacing: 0.1em;*/
	
	color: #8d8d8d;
}

.pure-menu-item {
	height: auto;
}

#layout > #menu .pure-menu-item:not(.menu-item-divided) a {
	text-align: left;
	color: #222;
	/*font-size: 12px;*/
	/*padding-left: 3em;*/
	padding-left: 60px;
	font-size: 14px;
}

#layout > #menu .pure-menu-item:not(.menu-item-divided) a:hover {
	background-color: #f4f5f9;
	color: #222;
}

#layout > #menu .pure-menu-item a.active {
	/*background-color: #44b569;*/
	color: #fff;
	background-color: #44b549;
}

#layout > #menu .pure-menu-item a.active:hover {
	color: #fff;
	background-color: #44b549;
}

/*inner-nav component*/


.inner-nav {
	
}

.inner-nav > ul {
	display: inline-block;
	padding: 0px;
	margin: 0;
	margin-top: 50px;
}

.inner-nav > ul > li {
	list-style: none;
	float: left;
}

.inner-nav > ul > li > a {
	padding: 10px 2em;
	text-decoration: none;
	color: #222;
	/*letter-spacing: 0.1em;*/
	font-size: 14px;
} 

.inner-nav > ul > li .active {
    border-bottom: 4px solid #44b549;
}

.inner-nav > ul > li > a:hover {
    border-bottom: 4px solid #44b549;
}

/*inner-nav component*/


/*upload-pictures component*/

.upload-pictures > div{
	/*margin-left: 21em;*/
}


.upload-pictures > div > img{
	max-height: 100px; 
	width: 100px;
	margin-top: 5px;
}
/*upload-pictures component*/
